<template>
  <span class="title">{{ theme }}<span class="date">{{ getDate }}</span></span>
</template>

<script setup lang="ts">
const props = defineProps(['theme', 'getDate'])

</script>

<style>
* {
  margin: 0;
  padding: 0;
}

.title {
  width: 100%;
  height: 80px;
  font-size: 1em;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.title::after {
  content: '';
  width: 260px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
}
</style>